﻿<html>
　<head>
　　  <meta charset="UTF-8">
　　  <meta name="viewport" content="width=device-width">
      <title>电器商品</title>
      <style>
        div{
           width:300px;
           height:35px;
           background-image:linear-gradient(180deg,blue 0%,lightblue 100%)
        }
         h3{
           font:bold 18px;
           color:white;
           line-height:35px;
           text-indent:20px;

        }
        .a{
           text-indent:20px;
           font:bold 14px;
           line-height:30px;
           margin-left:20px;
           width:280px;
           height:30px;
           background-image:linear-gradient(blue,lightblue,blue);
         }
        p{
          text-indent:20px;
          font:16px;
  l       ine-height:30px; 
          }
        a:link{
               color:gray;
               text-decoration:none;
          }

       a:hover{
              color:blue;
              text-decoration:underline;
              }
       img{
           vertical-align:middle;
          }



      </style>
   </head>
     <body>
<div>
<h3>家用电器</h3>
<h4 class="a"><a href="#">大家电</a></h4>
<p><a href="#">平板电视  洗衣机  冰箱</a></p>
<p><a href="#">空调  烟机/灶具  热水器</a></p>
<p><a href="#">冷柜/酒柜  消毒柜  家庭影院</a></p>

<h4 class="a"><a href="#">生活电器</a></h4>
<p><a href="#">电风扇  净化器  吸尘器</a></p>
<p><a href="#">净水设备  挂烫机  电话机</a></p>

<h4 class="a"><a href="#">厨房电器</a></h4>
<p><a href="#">榨汁机  电压力锅  电饭煲</a></p>
<p><a href="#">豆浆机  微波炉  电磁炉</a></p>

<h4 class="a"><a href="#">五金家装</a></h4>
<p><a href="#">淋浴/水槽  电动工具  手动工具</a></p>
<p><a href="#">仪器仪表  浴霸/排气  灯具</a></p>
</div>
   </body>
</html>

